<template>
    <div class="popup_pg">
        <div class="name">矿井名称:{{vdata.name}}</div>
        <div class="text">事故位置:{{vdata.address}}</div>
        <div class="text">矿物类型:{{vdata.type}}</div>
        <div class="text">开采方式:{{vdata.fs}}</div>
        <div class="text">主要灾害类型:{{vdata.mainType}}</div>
        <div class="text">地质类型:{{vdata.dzType}}</div>
        <div class="text">水文类型:{{vdata.swType}}</div>
        <div class="text">事故原因:{{vdata.reason}}</div>
        <div class="text">事故等级:{{vdata.levelName}}</div>
        <div class="text">事故类型:{{vdata.sgType}}</div>
        <div class="text">国内同类矿山数量:{{vdata.num}}</div>
        <div class="text">同类矿山:{{vdata.tlName}}</div>
        <div class="text">同类事故:{{vdata.tlList}}</div>
        <div class="time">{{vdata.time}}</div>
    </div>
</template>

<script>
export default {
    name: "popup_pg",
    props:{
      vdata:{}
    },
    data(){
      return{
        levelMap:{
            "01":"重大风险 ",
            "02":"较大风险",
            "03":"一般风险",
            "04":"低分险",
        },
        levelColor:{
          "01":"#db2d2d ",
          "02":"#fc7500",
          "03":"#e3ca21",
          "04":"#00b4ff",
        },
        typeMap:{
            "ts":'态势预警',//态势预警
            "sg":'事故预警',//事故预警
            "zh":'灾害',//灾害
            "ws":'瓦斯预警',//瓦斯预警
            "jd":'瓦斯预警',//瓦斯预警
        },
      }
    },
   created(){
    console.log(this.vdata)
   }
}
</script>

<style  lang="less" scoped>
  .popup_pg{
    font-size: 1.4vh;
    line-height: 2vh;
    .name{ font-size: 1.4vh; }
    .text{ font-size: 1.4vh;color: #40E6FE; }
    .time{color: #84A9FF;font-size: 1vh;}
   
  }
</style>
